<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
	
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
		<script src="../../script/isInViewport.js"></script>
		
		<style>
			body {
				font-size: 24px;
			}
			
			div {
				
			}
			#container {
				background-color: yellow; 
				height: 400;
				width: 60%;
			}
			.item {
				border: 1px solid black;
				padding: 10px;
				width: 50%;	
				
			}
		</style>
		<LINK REL="stylesheet" TYPE="text/css" HREF="../../style/kabelkrant.css">
	</head>
	<body>
	
		<div id="container">
			<div class="agenda-line agenda-item agenda-start agenda-maand">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line agenda-item agenda-start agenda-maand">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
			<div class="agenda-line">regel</div>
		</div>
	
		<script>
		
		//$(".item").css("visibility","hidden");
		
		$(".agenda-line:in-viewport").do(
			function() {
			}
		).css("border","1px solid red");
		
		//$(".item:in-viewport:last").do(
		//	function() {
		//	}
		//).css("visibility","hidden");
		
		</script>
	
	</body>
</html>